// 获取 gulp
var gulp = require('gulp')
// 获取 gulp-sass 模块
var sass = require('gulp-sass');
// 编译sass
// 在命令行输入 gulp sass 启动此任务
gulp.task('sass', function(){
  return gulp.src('sass/*.scss')
    //.pipe(sass())
		//sass默认输出的样式风格是嵌套输出的方式.
		//同时还有其他方式：
		//嵌套输出方式 nested
		//展开输出方式 expanded
		//紧凑输出方式 compact
		//压缩输出方式 compressed
		//可以在调用sass方法那里修改输出格式：sass({outputStyle: 'expanded'}).on('error', sass.logError)
    .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
    .pipe(gulp.dest('dist/css'))
});

//在命令行使用 gulp auto 启动此任务
gulp.task('auto', function () {
    // 监听文件修改，当文件被修改则执行 images 任务
    gulp.watch('sass/**/*.scss', gulp.series('sass'))
});

// 使用 gulp.task('default') 定义默认任务
// 在命令行使用 gulp 启动 sass 任务和 auto 任务
gulp.task('default', gulp.series('sass', 'auto'))